<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('实有人口')" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<div class="row">
			<div class="col-sm-12">
				<div th:if="${populations} ne null" th:each="population : ${populations}" class="col-sm-4">
					<div class="panel panel-primary">
						<div class="panel-heading" th:text="${population.xm}"></div>
						<div class="panel-body">
							<div style="text-align: center;overflow: hidden;">
								<img th:src="(${population.photo} == null) ? @{/res/img/profile.jpg} : '/sys/common/view/' + @{${population.photo}}" style="height: 175px; width: auto;" alt="Population Image">
							</div>

							<!--<p>头像：[[${population.photo}]]</p>
                            <p>身份号码：[[${population.gmsfhm}]]</p>
                            <p>出生日期：[[${#dates.format(population.csrq, 'yyyy-MM-dd')}]]</p>
                            <p>户籍地：[[${#strings.defaultString(population.hjd, '-')}]]</p>
                            <p>标签：[[${#strings.defaultString(population.bq, '-')}]]</p>-->
						</div>
					</div>
				</div>
				<div class="col-sm-4" style="padding-top: 25px;">
					<div class="panel panel-primary">
<!--						<div class="panel-heading" th:text="添加"></div>-->
						<div class="panel-body">
							<div style="text-align: center;" onclick="addPopulation()">
								<img th:src="@{/res/img/add-plus.png}" style="height: 175px; width: auto;" alt="add Image">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
    <th:block th:include="include :: footer" />
	<script th:inline="javascript">
		function addPopulation() {
            $.modal.open("添加实有人口", $.common.setURL("/control/population/add/" + [[${ywlsh}]]));
        }
	</script>
</body>
</html>
